/**
* Created by WangCheng on 2020/9/24.
*/
function showZoomImg(domName, model) {
var len = 0; //预览总图片数默认为零
var domImg; //img dom
var arrPic = new Array(); //定义一个数组src
var arrPic_name = new Array(); //定义一个数组src
var arrPic_dous = new Array(); //定义一个数组src
var arrName = new Array(); //定义一个数组name
var num = 0; //当前预览的
var numNow = 1; //当前预览序号,最小为1
var leftPoint; //向左移动范围
var rightPoint; //右移动范围
var spin_n = 0; //旋转角度
var zoom_n = 1; //缩放 放大
showModel(model); //判断显示方式
function showModel(model) {
if (model == "img") { //图片直接查看
$("body").on('click', domName, function() {
$("body").css('overflow-y','hidden')
domImg = $(this).parents('.zoomImgBox').find(domName);
len = domImg.length
arrPic = [];
arrPic_name = [];
arrPic_dous = [];
arrName = [];
for (var i = 0; i < len; i++) {
if (!$(domImg.eq(i)).attr("src")) {
break;
}
arrPic[i] = domImg.eq(i).attr("src"); //将所有img路径存储到数组中
arrPic_name[i] = domImg.eq(i).attr("name_title"); //将所有img路径存储到数组中
arrPic_dous[i] = domImg.eq(i).attr("docs_title"); //将所有img路径存储到数组中
if (domImg.eq(i).attr("data-caption")) {
arrName[i] = domImg.eq(i).attr("data-caption");
} else {
arrName[i] = '图片' + (i + 1);
}
}
len = arrName.length;
var img_index = domImg.index(this); //获取点击的索引值
num = img_index;
numNow = num + 1;
addMaskLater(); //添加弹出dom
});
} else if (model == "text") {
$("body").on('click', domName, function() {
domImg = $(this).children('.zoomImg-hide-box').find('img');
len = domImg.length;
if (len < 1) {
layui.use('layer', function() {
var layer = layui.layer;
layer.msg('暂未上传资料图片');
});
return;
}
num = 0;
numNow = 1;
arrPic = [];
arrName = [];
for (var i = 0; i < len; i++) {
if (!$(domImg.eq(i)).attr("src")) {
break;
}
arrPic[i] = domImg.eq(i).attr("src"); //将所有img路径存储到数组中
if (domImg.eq(i).attr("data-caption")) {
arrName[i] = domImg.eq(i).attr("data-caption");
} else {
arrName[i] = '图片' + (i + 1);
}
}
addMaskLater();
})
}
}
//给body添加弹出层的html
function addMaskLater() {
var maskBg =
"" +
"
" +
"
" +
"
" +
"
" +
"
" +
"" +
"
" +
"
' + arrName[num] + '
' +
'' + arrPic_name[num] + '
' + arrPic_dous[num] + '
');
}
if (arrPic.length > 6) { //大于六张出现左右移动按钮
$(".small-img-box").width(Math.ceil(arrPic.length / 6) * 630);
$('.small-content').append('');
}
}
}
// 过滤掉图片自带大小
function setImgPhoto(arr) {
//新建一个空数组
let newArr = [];
for (var i = 0; i < arr.length; i++) {
if (arr[i] === undefined) continue
var _num = arr[i].lastIndexOf("/");
var strUrl = arr[i].substr(_num);
var _state = strUrl.indexOf("-");
var _end = strUrl.indexOf(".");
if (_state >= 0 && _end >= 0) {
var _urlNum = strUrl.substring(_state, _end);
var reg = new RegExp(_urlNum) //定义正则表达式;
arr[i] = arr[i].replace(reg, '');
}
newArr.push(arr[i]);
}
//返回新的数组
return newArr;
}
function ArrayToHeavy(arr) {
//新建一个空数组
let newArr = [];
for (var i = 0; i < arr.length; i++) {
if (arr[i] === undefined) continue
//遍历传入的数组，查找传入数组的值是否存在新数组中
if (newArr.indexOf(arr[i]) === -1) {
//不存在就把值push到新数组
newArr.push(arr[i]);
}
}
//返回新的数组
return newArr;
}